<template>
  <div class="centermap">
    <div class="maptitle">
      <div class="zuo"></div>
<!--      <span class="titletext">{{ maptitle }}</span>-->
      <div class="you"></div>
    </div>
    <div class="mapwrap">
      <dv-border-box-13>
<!--        <video src="http://10.34.53.153/live?port=1935&app=live&stream=robot-hd"/>-->
        <template>
          <div id="app">
            <cstor-live-player style='height: 500px;' :fill="true"
                               src="http://10.34.53.153/live?port=1935&app=live&stream=robot-hd"/>

            <cstor-live-player style='height: 460px;' :fill="true"
                               src="http://10.34.53.153/live?port=1935&app=live&stream=robot-infrared"/>
          </div>

        </template>
      </dv-border-box-13>
    </div>
  </div>
</template>

<script>
import xzqCode from "../../utils/map/xzqCode";
import { currentGET } from "api/modules";
import * as echarts from "echarts";
import { GETNOBASE } from "api";
import CstorLivePlayer from 'cstor-live-player'
import 'cstor-live-player/dist/cstor-live-player.css'

export default {
  components: {CstorLivePlayer},
  data() {
    return {
    };
  },
  created() {},

  mounted() {
  },
  methods: {
  },
};
</script>
<style lang="scss" scoped>
</style>
